<template>
  <div class="page-box">
    <el-card class="page-box-card">
      <el-tabs
        v-model="queryParams.param.flupFlag"
        @tab-click="changeTabGetData"
      >
        <el-tab-pane label="待随访" name="0">
          <el-form
            :model="queryParams"
            ref="queryForm"
            size="small"
            label-width="88px"
            inline
          >
            <el-form-item label="身份证号" prop="param.idCard">
              <el-input
                style="width: 240px"
                v-model="queryParams.param.idCard"
                placeholder="请输入身份证号"
                clearable
              ></el-input>
            </el-form-item>
            <el-form-item label="姓名" prop="param.name">
              <el-input
                style="width: 240px"
                v-model="queryParams.param.name"
                placeholder="请输入姓名"
                clearable
              ></el-input>
            </el-form-item>
            <el-form-item label="所属科室" prop="param.departmentId">
              <el-input
                v-model="queryParams.param.departmentId"
                placeholder="请输入所属科室"
                clearable
                style="width: 240px"
                @keyup.enter.native="handleQuery"
              />
            </el-form-item>
            <el-form-item label="危险分级" prop="param.riskLevel">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.riskLevel"
                placeholder="请选择危险分级"
                clearable
              >
                <el-option
                  v-for="item in dict.type.strategy_danger_level"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="待随访轮次" prop="param.pendingFollowUp">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.pendingFollowUp"
                placeholder="请选择待随访轮次"
                clearable
              >
                <el-option label="3个月" value="3"> </el-option>
                <el-option label="6个月" value="6"> </el-option>
                <el-option label="12个月" value="12"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否超期" prop="param.lostFlupFlag">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.lostFlupFlag"
                placeholder="请选择是否超期"
                clearable
              >
                <el-option label="是" value="0"> </el-option>
                <el-option label="否" value="1"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="筛查时间" prop="param.enterTime">
              <el-date-picker
                v-model="queryParams.param.enterTime"
                type="daterange"
                align="right"
                unlink-panels
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item label="出院时间" prop="param.leaveTime">
              <el-date-picker
                v-model="queryParams.param.leaveTime"
                type="daterange"
                align="right"
                unlink-panels
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item>
              <el-button
                type="primary"
                icon="el-icon-search"
                size="small"
                @click="handleQuery"
                >搜索</el-button
              >
              <el-button icon="el-icon-refresh" size="small" @click="resetQuery"
                >重置</el-button
              >
            </el-form-item>
          </el-form>
          <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
              <el-button
                type="warning"
                plain
                icon="el-icon-download"
                size="mini"
                v-hasPermi="['definition:class:download']"
                @click="downloadData"
                >导出</el-button
              >
            </el-col>
          </el-row>
          <el-table
            v-loading="loading"
            :data="dataList"
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" width="55" align="center" fixed />
            <el-table-column
              type="index"
              label="序号"
              width="55"
              align="center"
              fixed
            />
            <el-table-column prop="fileNum" label="档案号" width="120">
            </el-table-column>
            <el-table-column prop="idcard" label="身份证号" width="180">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="100">
            </el-table-column>
            <el-table-column prop="sex" label="性别" width="100">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.sys_user_sex"
                  :value="scope.row.sex - 0"
                />
              </template>
            </el-table-column>
            <el-table-column prop="enterTime" label="筛查时间" width="180">
            </el-table-column>
            <el-table-column prop="leaveTime" label="出院时间" width="180">
            </el-table-column>
            <el-table-column prop="riskLevel" label="危险分级" align="center">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.strategy_danger_level"
                  :value="scope.row.riskLevel"
                />
              </template>
            </el-table-column>
            <el-table-column prop="lostFlupFlag" label="是否超期" width="100">
              <template slot-scope="scope">
                <div v-if="scope.row.lostFlupFlag == '0'">是</div>
                <div v-else-if="scope.row.lostFlupFlag == '1'">否</div>
              </template>
            </el-table-column>
            <el-table-column
              label="操作"
              align="center"
              fixed="right"
              width="160"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-edit"
                  @click="handleEdit(scope.row)"
                  v-hasPermi="['system:dept:edit']"
                  >创建</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
          />
        </el-tab-pane>
        <el-tab-pane label="已随访" name="1">
          <el-form
            :model="queryParams"
            ref="queryForm"
            size="small"
            label-width="88px"
            inline
          >
            <el-form-item label="身份证号" prop="param.idCard">
              <el-input
                style="width: 240px"
                v-model="queryParams.param.idCard"
                placeholder="请输入身份证号"
              ></el-input>
            </el-form-item>
            <el-form-item label="姓名" prop="param.name">
              <el-input
                v-model="queryParams.param.name"
                style="width: 240px"
                placeholder="请输入姓名"
              ></el-input>
            </el-form-item>
            <el-form-item label="已随访轮次" prop="param.followedUp">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.followedUp"
                placeholder="请选择待已随访轮次"
              >
                <el-option label="3个月" value="3"> </el-option>
                <el-option label="6个月" value="6"> </el-option>
                <el-option label="12个月" value="12"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="随访状态" prop="param.followedUpStatus">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.followedUpStatus"
                placeholder="请选择随访状态"
                multiple
              >
                <el-option label="未提交" value="0"> </el-option>
                <el-option label="待审核" value="1"> </el-option>
                <el-option label="已通过" value="2"> </el-option>
                <el-option label="未通过" value="3"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否死亡" prop="param.deathFlag">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.deathFlag"
                placeholder="请选择是否死亡"
              >
                <el-option label="是" value="0"> </el-option>
                <el-option label="否" value="1"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否失访" prop="param.lostFlupFlag">
              <el-select
                style="width: 240px"
                v-model="queryParams.param.lostFlupFlag"
                placeholder="请选择是否失访"
              >
                <el-option label="是" value="0"> </el-option>
                <el-option label="否" value="1"> </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="所属科室" prop="param.departmentId">
              <el-input
                v-model="queryParams.param.departmentId"
                placeholder="请输入所属科室"
                clearable
                style="width: 240px"
                @keyup.enter.native="handleQuery"
              />
            </el-form-item>
            <el-form-item label="筛查时间" prop="param.enterTime">
              <el-date-picker
                v-model="queryParams.param.enterTime"
                type="daterange"
                align="right"
                unlink-panels
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item label="出院时间" prop="param.leaveTime">
              <el-date-picker
                v-model="queryParams.param.leaveTime"
                type="daterange"
                align="right"
                unlink-panels
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item>
              <el-button
                type="primary"
                icon="el-icon-search"
                size="small"
                @click="handleQuery"
                >搜索</el-button
              >
              <el-button icon="el-icon-refresh" size="small" @click="resetQuery"
                >重置</el-button
              >
            </el-form-item>
          </el-form>
          <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
              <el-button
                type="warning"
                plain
                icon="el-icon-download"
                size="mini"
                v-hasPermi="['definition:class:download']"
                @click="downloadData"
                >导出</el-button
              >
            </el-col>
          </el-row>
          <el-table
            v-loading="loading"
            :data="dataList"
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" width="55" align="center" fixed />
            <el-table-column
              type="index"
              label="序号"
              width="55"
              align="center"
              fixed
            />
            <el-table-column prop="fileNum" label="档案号" width="180">
            </el-table-column>
            <el-table-column prop="idcard" label="身份证号" width="180">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="100">
            </el-table-column>
            <el-table-column prop="sex" label="性别" width="100">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.sys_user_sex"
                  :value="scope.row.sex - 0"
                />
              </template>
            </el-table-column>
            <el-table-column prop="" label="随访编号" width="180">
            </el-table-column>
            <el-table-column prop="round" label="随访轮次" width="100">
              <template slot-scope="scope">
                {{ followUpRound[scope.row.round - 0] }}
              </template>
            </el-table-column>
            <el-table-column prop="flupFlag" label="随访状态" width="100">
              <template slot-scope="scope">
                <el-tag v-if="scope.row.flupFlag == '1'" type="success"
                  >已随访</el-tag
                >
                <el-tag v-else-if="scope.row.flupFlag == '0'" type="info"
                  >待随访</el-tag
                >
              </template>
            </el-table-column>
            <el-table-column prop="" label="所属科室" width="220">
            </el-table-column>
            <!-- <el-table-column prop="source" label="数据来源" width="220">
            </el-table-column> -->
            <el-table-column prop="" label="建档单位" width="220">
            </el-table-column>
            <el-table-column prop="" label="随访人" width="220">
            </el-table-column>
            <el-table-column prop="flupTime" label="随访时间" width="220">
            </el-table-column>
            <el-table-column prop="" label="审核人" width="220" />
            <el-table-column prop="" label="审核时间" width="220" />
            <el-table-column
              label="操作"
              align="center"
              fixed="right"
              width="160"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  @click="handleEdit(scope.row)"
                  v-hasPermi="['system:dept:edit']"
                >
                  {{ queryParams.param.flupFlag == "0" ? "创建" : "详情" }}
                </el-button>
              </template>
            </el-table-column>
          </el-table>
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
          />
        </el-tab-pane>
      </el-tabs>
    </el-card>
    <!-- 添加或修改对话框 -->
    <el-dialog
      title="创建随访"
      :visible.sync="addDialog"
      width="800px"
      append-to-body
    >
      <el-form ref="form" :model="addForm" :rules="rules" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="档案编号" prop="fileNum">
              <el-input
                v-model="addForm.fileNum"
                placeholder="请输入档案编号"
                disabled
              /> </el-form-item
          ></el-col>
          <el-col :span="12"
            ><el-form-item label="姓名" prop="name">
              <el-input
                v-model="addForm.name"
                placeholder="请输入姓名"
                disabled
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="身份证号" prop="idcard">
              <el-input
                v-model="addForm.idcard"
                placeholder="请输入身份证号"
                disabled
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="住院-出院时间" prop="time">
              <el-date-picker
                style="max-width: 100%"
                v-model="addForm.time"
                type="daterange"
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="分险等级" prop="riskLevel">
              <el-select
                style="width: 100%"
                v-model="addForm.riskLevel"
                placeholder="请选择危险分级"
                clearable
              >
                <el-option
                  v-for="item in dict.type.strategy_danger_level"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value - 0"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="随访轮次" prop="round">
              <el-select
                style="width: 100%"
                v-model="addForm.round"
                placeholder="请选择随访轮次"
                clearable
              >
                <el-option
                  v-for="item in dict.type.sys_round"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value - 0"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="随访时间" prop="followUpTime">
              <el-date-picker
                style="width: 100%"
                v-model="addForm.followUpTime"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="请选择随访时间"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="随访方式" prop="flupMode">
              <el-select
                style="width: 100%"
                v-model="addForm.flupMode"
                placeholder="请选择随访方式"
              >
                <el-option
                  v-for="item in dict.type.sys_sffs"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value - 0"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="支付方式" prop="payMode">
              <el-select
                style="width: 100%"
                v-model="addForm.payMode"
                placeholder="请选择支付方式"
              >
                <el-option
                  v-for="item in dict.type.sys_paymode"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value - 0"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系人姓名" prop="contactName">
              <el-input
                v-model="addForm.contactName"
                placeholder="请输入联系人姓名"
              /> </el-form-item
          ></el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="联系方式1" prop="firstPhone">
              <el-input
                v-model="addForm.firstPhone"
                placeholder="请输入联系方式1"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系方式2" prop="secondPhone">
              <el-input
                v-model="addForm.secondPhone"
                placeholder="请输入联系方式2"
              /> </el-form-item
          ></el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="地址" prop="address">
              <el-input
                v-model="addForm.address"
                placeholder="请输入地址"
              /> </el-form-item
          ></el-col>
          <el-col :span="12">
            <el-form-item label="是否失访" prop="lostFlupFlag">
              <el-radio-group v-model="addForm.lostFlupFlag">
                <el-radio :label="1">是</el-radio>
                <el-radio :label="0">否</el-radio>
              </el-radio-group>
            </el-form-item></el-col
          >
        </el-row>

        <div v-if="addForm.lostFlupFlag == 1">
          <el-row>
            <el-col :span="12">
              <el-form-item label="失访原因" prop="lostFlupReason">
                <el-select
                  style="width: 100%"
                  v-model="addForm.lostFlupReason"
                  placeholder="请选择失访原因"
                >
                  <el-option
                    v-for="item in dict.type.syx_sfyy"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value - 0"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12"
              ><el-form-item label="是否死亡" prop="deathFlag">
                <el-radio-group v-model="addForm.deathFlag">
                  <el-radio :label="1">是</el-radio>
                  <el-radio :label="0">否</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>

          <div v-if="addForm.deathFlag == 1">
            <el-row>
              <el-col :span="12">
                <el-form-item label="死亡时间" prop="deathTime">
                  <el-date-picker
                    style="width: 100%"
                    v-model="addForm.deathTime"
                    type="date"
                    value-format="yyyy-MM-dd"
                    placeholder="请选择死亡时间"
                  /> </el-form-item
              ></el-col>
              <el-col :span="12">
                <el-form-item label="死亡原因" prop="deathReason">
                  <el-select
                    style="width: 100%"
                    v-model="addForm.deathReason"
                    placeholder="请选择死亡原因"
                  >
                    <el-option
                      v-for="item in dict.type.sys_swyy"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value - 0"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog
      title="创建随访"
      :visible.sync="addDialog1"
      width="1000px"
      append-to-body
    >
      <el-form
        class="follow-up-form"
        ref="form1"
        :model="addForm1"
        :rules="rules"
        label-width="180px"
      >
        <el-form-item label="随访方式" prop="SF-JBXX-SFFS">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-SFFS']"
            placeholder="请选择随访方式"
          >
            <el-option
              v-for="(item, key) in followUpType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="随访时间" prop="SF-JBXX-TIME">
          <el-date-picker
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-TIME']"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择随访时间"
          />
        </el-form-item>
        <el-form-item label="随访轮次" prop="SF-JBXX-ROQ">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-ROQ']"
            placeholder="请选择随访轮次"
          >
            <el-option
              v-for="(item, key) in followUpRound"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否失访" prop="SF-JBXX-OUT-IS">
          <el-radio-group
            v-model="addForm1['SF-JBXX-OUT-IS']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-JBXX-OUT-IS'] == 1"
          label="失访原因"
          prop="SF-JBXX-OUT-REASON"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-OUT-REASON']"
            placeholder="请选择失访原因"
          >
            <el-option
              v-for="(item, key) in lostContactReason"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否死亡" prop="SF-JBXX-DIE-IS">
          <el-radio-group
            v-model="addForm1['SF-JBXX-DIE-IS']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-JBXX-DIE-IS'] == 1"
          label="死亡原因"
          prop="SF-JBXX-DIE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-DIE']"
            placeholder="请选择死亡原因"
          >
            <el-option
              v-for="(item, key) in deathReason"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-JBXX-DIE-IS'] == 1"
          label="死亡时间"
          prop="SF-JBXX-DIE-TIME"
        >
          <el-date-picker
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBXX-DIE-TIME']"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择死亡时间"
          />
        </el-form-item>
        <el-form-item label="随访期间护理人员" prop="SF-JBQK-HLRY">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBQK-HLRY']"
            placeholder="请选择随访期间护理人员"
          >
            <el-option
              v-for="(item, key) in followUpNursingPerson"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="随访期间工作情况" prop="SF-JBQK-GZQK">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-JBQK-GZQK']"
            placeholder="请选择随访期间工作情况"
          >
            <el-option
              v-for="(item, key) in followUpWorkStatus"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="事件类型" prop="SF-XFSJ-SJLX">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-XFSJ-SJLX']"
            placeholder="请选择事件类型"
          >
            <el-option
              v-for="(item, key) in eventType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="随访期间新发疾病危险因素" prop="SF-XFSJ-WXYS">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-XFSJ-WXYS']"
            placeholder="请选择随访期间新发疾病危险因素"
          >
            <el-option
              v-for="(item, key) in followUpNewDiseaseRiskFactors"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="吸烟情况" prop="SF-SHFS-XY">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-SHFS-XY']"
            placeholder="请选择吸烟情况"
          >
            <el-option
              v-for="(item, key) in smokingStatus"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="饮酒情况" prop="SF-SHFS-YJ">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-SHFS-YJ']"
            placeholder="请选择饮酒情况"
          >
            <el-option
              v-for="(item, key) in drinkingStatus"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="运动情况" prop="SF-SHFS-YD">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-SHFS-YD']"
            placeholder="请选择运动情况"
          >
            <el-option
              v-for="(item, key) in exerciseStatus"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="血压测量频率" prop="SF-WXYS-BP">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-WXYS-BP']"
            placeholder="请选择血压测量频率"
          >
            <el-option
              v-for="(item, key) in bloodPressureMeasurementFrequency"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收缩压(mmHg)" prop="SF-WXYS-SBP">
          <el-input
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            v-model="addForm1['SF-WXYS-SBP']"
            placeholder="请输入收缩压(mmHg)"
          />
        </el-form-item>
        <el-form-item label="舒张压(mmHg)" prop="SF-WXYS-DBP">
          <el-input
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            v-model="addForm1['SF-WXYS-DBP']"
            placeholder="请输入舒张压(mmHg)"
          />
        </el-form-item>
        <el-form-item label="血糖测量频率" prop="SF-WXYS-GLU">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-WXYS-GLU']"
            placeholder="请选择血糖测量频率"
          >
            <el-option
              v-for="(item, key) in glucoseMeasurementFrequency"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="空腹血糖(mmol/L)" prop="SF-WXYS-FBG">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-WXYS-FBG']"
            placeholder="请选择空腹血糖(mmol/L)"
          >
            <el-option
              v-for="(item, key) in fastingGlucose"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="餐后两小时血糖(mmo/L)" prop="SF-WXYS-PBG">
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-WXYS-PBG']"
            placeholder="请选择餐后两小时血糖(mmo/L)"
          >
            <el-option
              v-for="(item, key) in postMealTwoHourGlucose"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否服用抗血小板药物" prop="SF-YYQK-APC">
          <el-radio-group
            v-model="addForm1['SF-YYQK-APC']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-APC'] == 1"
          label="服用抗血小板药类型"
          prop="SF-YYQK-APC-TYPE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-YYQK-APC-TYPE']"
            placeholder="请选择服用抗血小板药类型"
          >
            <el-option
              v-for="(item, key) in plateletAntigenType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否服用抗凝药物" prop="SF-YYQK-CPD">
          <el-radio-group
            v-model="addForm1['SF-YYQK-CPD']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-CPD'] == 1"
          label="服用抗凝药物类型"
          prop="SF-YYQK-CPD-TYPE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-YYQK-CPD-TYPE']"
            placeholder="请选择服用抗凝药物类型"
          >
            <el-option
              v-for="(item, key) in anticoagulantDrugType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否服用降压药" prop="SF-YYQK-BP">
          <el-radio-group
            v-model="addForm1['SF-YYQK-BP']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-BP'] == 1"
          label="服用降压药种类"
          prop="SF-YYQK-BP-ZL"
        >
          <el-select
            style="width: 100%"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            v-model="addForm1['SF-YYQK-BP-ZL']"
            placeholder="请选择服用降压药种类"
          >
            <el-option
              v-for="(item, key) in antihypertensiveDrugVariety"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-BP'] == 1"
          label="服用降压药类型"
          prop="SF-YYQK-BP-TYPE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-YYQK-BP-TYPE']"
            placeholder="请选择服用降压药类型"
          >
            <el-option
              v-for="(item, key) in antihypertensiveDrugType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否服用降糖药" prop="SF-YYQK-OADS">
          <el-radio-group
            v-model="addForm1['SF-YYQK-OADS']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-OADS'] == 1"
          label="服用降糖药类型"
          prop="SF-YYQK-OADS-TYPE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-YYQK-OADS-TYPE']"
            placeholder="请选择服用降糖药类型"
          >
            <el-option
              v-for="(item, key) in diabetesDrugType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否服用调脂药" prop="SF-YYQK-LLD">
          <el-radio-group
            v-model="addForm1['SF-YYQK-LLD']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-YYQK-LLD'] == 1"
          label="服用调脂药类型"
          prop="SF-YYQK-LLD-TYPE"
        >
          <el-select
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            style="width: 100%"
            v-model="addForm1['SF-YYQK-LLD-TYPE']"
            placeholder="请选择服用调脂药类型"
          >
            <el-option
              v-for="(item, key) in fatLossDrugType"
              :key="key"
              :label="item"
              :value="key"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="mRS评分" prop="SF-PF-MRS">
          <el-radio-group
            v-model="addForm1['SF-PF-MRS']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">已评</el-radio>
            <el-radio :label="2">未评</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-PF-MRS'] == 1"
          label="mRS评分数"
          prop="SF-PF-MRS-NUM"
        >
          <el-input
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            v-model="addForm1['SF-PF-MRS-NUM']"
            placeholder="请输入mRS评分数"
          ></el-input>
        </el-form-item>

        <el-form-item label="NIHSS评分" prop="SF-PF-NIHSS">
          <el-radio-group
            v-model="addForm1['SF-PF-NIHSS']"
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >
            <el-radio :label="1">已评</el-radio>
            <el-radio :label="2">未评</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item
          v-if="addForm1['SF-PF-NIHSS'] == 1"
          label="NIHSS评分数"
          prop="SF-PF-NIHSS-NUM"
        >
          <el-input
            :disabled="queryParams.param.flupFlag == 1 ? true : false"
            v-model="addForm1['SF-PF-NIHSS-NUM']"
            placeholder="请输入NIHSS评分数"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="primary"
          @click="submitForm1"
          :disabled="queryParams.param.flupFlag == 1 ? true : false"
          >确 定</el-button
        >
        <el-button @click="addDialog1 = false">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import {
  getListFlupInfo,
  insertFlupInfo,
  updateFlupInfo,
  deleteFlupInfo,
  exportData,
  followUpAdd,
  flupRecord,
  flupRecordDetail,
} from "@/api/followUp/archives";
import {
  followUpType,
  followUpRound,
  lostContactReason,
  deathReason,
  followUpNursingPerson,
  followUpWorkStatus,
  eventType,
  followUpNewDiseaseRiskFactors,
  smokingStatus,
  drinkingStatus,
  exerciseStatus,
  bloodPressureMeasurementFrequency,
  systolicBloodPressure,
  diastolicBloodPressure,
  glucoseMeasurementFrequency,
  fastingGlucose,
  postMealTwoHourGlucose,
  plateletAntigenType,
  anticoagulantDrugType,
  antihypertensiveDrugVariety,
  antihypertensiveDrugType,
  diabetesDrugType,
  fatLossDrugType,
} from "./index.js";
import { listProject } from "@/api/data/topic";
export default {
  dicts: [
    "strategy_type",
    "strategy_danger_level",
    "data_source",
    "sys_user_sex",
    "sys_hyzt",
    "sys_jysp",
    "sys_paymode",
    "sys_round",
    "sys_sffs",
    "syx_sfyy",
    "sys_swyy",
  ],
  data() {
    return {
      followUpType, // 随访方式
      followUpRound, // 随访轮次
      lostContactReason, // 失访原因
      deathReason, // 死亡原因
      followUpNursingPerson, // 随访期间护理人员
      followUpWorkStatus, // 随访期间工作情况
      eventType, // 事件类型
      followUpNewDiseaseRiskFactors, // 随访期间新疾病风险因素
      smokingStatus, // 吸烟状态
      drinkingStatus, // 饮酒状态
      exerciseStatus, // 运动状态
      bloodPressureMeasurementFrequency, // 血压测量频率
      systolicBloodPressure, // 收缩压
      diastolicBloodPressure, // 舒张压
      glucoseMeasurementFrequency, // 血糖测量频率
      fastingGlucose, // 空腹血糖
      postMealTwoHourGlucose, // 餐后2小时血糖
      plateletAntigenType, // 血小板抗原类型
      anticoagulantDrugType, // 服用抗凝药物类型
      antihypertensiveDrugVariety, // 服用降压药种类
      antihypertensiveDrugType, // 服用降压药类型
      diabetesDrugType, // 服用降糖药类型
      fatLossDrugType, // 服用调脂药类型
      activeName: "first",
      // 遮罩层
      loading: false,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      addDialog1: false,
      selectionData: [],
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        param: {
          idCard: "",
          name: "",
          enterTime: null,
          auditStatus: null,
          fileNum: null,
          projectId: null,
          departmentId: null,
          source: null,
          riskLevel: null,
          treatmentTypes: [],
          pendingFollowUp: "",
          lostFlupFlag: "",
          type: "",
          flupFlag: "0",
        },
      },
      tagList: [],
      dataList: [],
      total: 0,
      title: "",
      addDialog: false,
      addForm1: {},
      addForm: {},
      rules: {
        text: [{ required: true, message: "请输入变量名称", trigger: "blur" }],
        code: [{ required: true, message: "请输入变量CODE", trigger: "blur" }],
        time: [
          {
            required: true,
            message: "住院-出院时间不能为空",
            trigger: "change",
          },
        ],
        riskLevel: [
          { required: true, message: "风险等级不能为空", trigger: "change" },
        ],
        treatmentTypes: [
          { required: true, message: "治疗类型不能为空", trigger: "change" },
        ],
        round: [
          { required: true, message: "随访轮次不能为空", trigger: "change" },
        ],
        followUpTime: [
          { required: true, message: "随访时间不能为空", trigger: "change" },
        ],
        flupMode: [
          { required: true, message: "随访方式不能为空", trigger: "change" },
        ],
        payMode: [
          { required: true, message: "支付方式不能为空", trigger: "change" },
        ],
        contactName: [
          { required: true, message: "联系人姓名不能为空", trigger: "blur" },
        ],
        firstPhone: [
          { required: true, message: "联系人手机号不能为空", trigger: "blur" },
        ],
        secondPhone: [
          { required: true, message: "联系方式1不能为空", trigger: "blur" },
        ],
        address: [
          { required: true, message: "联系方式2不能为空", trigger: "blur" },
        ],
        lostFlupFlag: [
          { required: true, message: "是否失访不能为空", trigger: "change" },
        ],
        lostFlupReason: [
          { required: true, message: "失访原因不能为空", trigger: "change" },
        ],
        deathFlag: [
          { required: true, message: "是否死亡不能为空", trigger: "change" },
        ],
        deathTime: [
          { required: true, message: "死亡时间不能为空", trigger: "change" },
        ],
        deathReason: [
          { required: true, message: "死亡原因不能为空", trigger: "change" },
        ],
      },
      projectList: [],
    };
  },
  created() {
    const query = this.$route.query;
    if (query.userName) {
      this.activeName = "second";
      this.queryParams.param.name = query.userName;
      this.queryParams.param.fileNum = query.fileNum;
    }
    this.getList();
    this.getProjectList();
  },
  methods: {
    changeTabGetData() {
      console.log("activeName: ", this.activeName);
      this.getList();
    },
    // 获取数据列表
    getProjectList() {
      const param = {
        pageNum: 1,
        param: {
          name: "",
        },
      };
      console.log("param: ", param);
      listProject(param).then((response) => {
        this.projectList = [...response.data.list];
        console.log("this.projectList: ", this.projectList);
      });
    },
    // 导出数据
    downloadData() {
      const that = this;
      this.$modal
        .confirm("是否确认导出当前查询条件下的数据？")
        .then(function () {
          // 导出
          const params = that.queryParams;
          return that.download(
            exportData,
            { ...params.param },
            `筛查随访档案_${new Date().getTime()}.xlsx`
          );
        })
        .then((res) => {
          that.$message.success("导出成功");
        })
        .catch(() => {});
    },
    // 搜索事件
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    // 重置事件
    resetQuery() {
      this.dataList = [];
      this.total = 0;
      this.queryParams.pageNum = 1;
      this.queryParams.pageSize = 10;
      // this.resetForm("queryForm");
      this.queryParams.param = {
        idCard: "",
        name: "",
        enterTime: null,
        auditStatus: null,
        fileNum: null,
        projectId: null,
        departmentId: null,
        source: null,
        riskLevel: null,
        treatmentTypes: [],
        pendingFollowUp: "",
        lostFlupFlag: "",
        type: "",
        flupFlag: "0",
      };
      this.handleQuery();
    },
    // 获取数据列表
    getList() {
      this.loading = true;
      const params = JSON.parse(JSON.stringify(this.queryParams));
      if (params.param.treatmentTypes) {
        params.param.treatmentType = params.param.treatmentTypes.toString();
      } else {
        params.param.treatmentType = "";
      }
      if (params.param.enterTime) {
        params.param.enterTimeStart = params.param.enterTime[0];
        params.param.enterTimeEnd = params.param.enterTime[1];
      } else {
        params.param.enterTimeStart = null;
        params.param.enterTimeEnd = null;
      }
      if (params.param.leaveTime) {
        params.param.leaveTimeStart = params.param.leaveTime[0];
        params.param.leaveTimeEnd = params.param.leaveTime[1];
      } else {
        params.param.leaveTimeStart = null;
        params.param.leaveTimeEnd = null;
      }
      getListFlupInfo(params).then((response) => {
        this.dataList = response.data.list;
        this.total = response.data.total;
        this.loading = false;
      });
    },
    // 列表选中事件
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.id);
      this.selectionData = [...selection];
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },

    // 新增/修改弹框取消事件
    cancel() {
      this.addDialog = false;
    },
    handleAdd() {
      this.addForm = {
        fileNum: data.fileNum, // 档案编号
        idcard: data.idcard, // 身份证号
        name: data.name, // 姓名
        sex: data.sex, // 性别
        age: data.age, // 年龄
        time: [], // 随访时间
        enterTime: null, // 住院时间
        leaveTime: null, // 出院时间
        riskLevel: data.riskLevel, // 风险等级
        treatmentTypes: [], // 治疗类型
        round: "", // 随访轮次
        flupTime: null, // 随访时间
        flupMode: "", // 随访方式
        maritalStatus: "", // 婚姻状态
        payMode: "", // 支付方式
        educationLevel: "", // 教育水平
        contactName: "", // 联系人姓名
        firstPhone: "", // 联系人手机号1
        secondPhone: "", // 联系人手机号2
        thirdPhone: "", // 联系人手机号3
        leaveDepartment: "", // 出院科别
        address: "", // 地址
        lostFlupFlag: "0", // 是否失访
        lostFlupReason: "", // 失访原因
        deathFlag: "0", // 死亡标志
        deathTime: null, // 死亡时间
        deathReason: "", // 死亡原因
        source: "1", // 数据来源 1：本院手动录入
      };
      this.resetForm("form");
      this.addDialog = true;
    },
    // 修改变量
    handleEdit(row) {
      let data = JSON.parse(JSON.stringify(row));
      this.addForm1 = {
        id: data.id, // 主键
        "SF-JBXX-SFFS": "",
        "SF-JBXX-ROQ": "",
        "SF-JBXX-TIME": "",
        "SF-JBXX-OUT-IS": "",
        "SF-JBXX-OUT": "",
        "SF-JBXX-DIE-IS": "",
        "SF-JBXX-DIE": "",
        "SF-JBXX-DIE-TIME": "",
        "SF-JBQK-HLRY": "",
        "SF-JBQK-GZQK": "",
        "SF-XFSJ-SJLX": "",
        "SF-XFSJ-WXYS": "",
        "SF-SHFS-XY": "",
        "SF-SHFS-YJ": "",
        "SF-SHFS-YD": "",
        "SF-WXYS-BP": "",
        "SF-WXYS-SBP": "",
        "SF-WXYS-DBP": "",
        "SF-WXYS-GLU": "",
        "SF-WXYS-FBG": "",
        "SF-WXYS-PBG": "",
        "SF-YYQK-APC": "",
        "SF-YYQK-APC-TYPE": "",
        "SF-YYQK-CPD": "",
        "SF-YYQK-CPD-TYPE": "",
        "SF-YYQK-BP": "",
        "SF-YYQK-BP-ZL": "",
        "SF-YYQK-BP-TYPE": "",
        "SF-YYQK-OADS": "",
        "SF-JBXX-OUT": "",
        "SF-JBXX-DIE-IS": "",
        "SF-JBXX-DIE": "",
        "SF-JBXX-DIE-TIME": "",
        "SF-JBQK-HLRY": "",
        "SF-JBQK-GZQK": "",
        "SF-XFSJ-SJLX": "",
        "SF-XFSJ-WXYS": "",
        "SF-SHFS-XY": "",
        "SF-SHFS-YJ": "",
        "SF-SHFS-YD": "",
        "SF-WXYS-BP": "",
        "SF-WXYS-SBP": "",
        "SF-WXYS-DBP": "",
        "SF-WXYS-GLU": "",
        "SF-WXYS-FBG": "",
        "SF-WXYS-PBG": "",
        "SF-YYQK-APC": "",
        "SF-YYQK-APC-TYPE": "",
        "SF-YYQK-CPD": "",
        "SF-YYQK-CPD-TYPE": "",
        "SF-YYQK-BP": "",
        "SF-YYQK-BP-ZL": "",
        "SF-YYQK-BP-TYPE": "",
        "SF-YYQK-OADS": "",
        "SF-YYQK-OADS-TYPE": "",
        "SF-YYQK-LLD": "",
        "SF-YYQK-LLD-TYPE": "",
        "SF-PF-MRS": "",
        "SF-PF-MRS-NUM": "",
        "SF-PF-NIHSS": "",
        "SF-PF-NIHSS-NUM": "",
      };
      if (this.queryParams.param.flupFlag == 1) {
        flupRecordDetail({ id: data.id }).then((response) => {
          response.recordDtoList?.forEach((item) => {
            this.addForm1[item.code] = item.answer;
          });
        });
      }
      this.addDialog1 = true;
    },
    // 新增/修改弹框提交事件
    submitForm1: function () {
      this.$refs["form1"].validate((valid) => {
        if (valid) {
          const data = JSON.parse(JSON.stringify(this.addForm1));
          let param = {
            flupInfoId: data.id,
            detailList: [],
          };
          for (let key in data) {
            if (key !== "id") {
              param.detailList.push({
                code: key,
                answer: data[key],
              });
            }
          }
          console.log("param", param);
          flupRecord(param).then((response) => {
            this.$modal.msgSuccess("创建陈成功");
            this.addDialog1 = false;
            this.getList();
          });
        }
      });
    },
    // 新增/修改弹框提交事件
    submitForm: function () {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          const data = JSON.parse(JSON.stringify(this.addForm));
          data.enterTime = data.time[0];
          data.leaveTime = data.time[0];
          followUpAdd(data).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.addDialog = false;
            this.getList();
          });
        }
      });
    },
    // 删除策略
    handleDelete(row) {
      const idList = row.id ? [row.id] : [...this.ids];
      this.$modal
        .confirm("是否确认删除当前选择的策略？")
        .then(function () {
          // 删除
          return deleteFlupInfo({ idList });
        })
        .then(() => {
          this.$message.success("删除成功");
          this.handleQuery();
        })
        .catch(() => {});
    },
  },
};
</script>
<style lang="scss">
.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.row-1 {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-3 {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
<style scoped>
.follow-up-form {
  display: flex;
  flex-wrap: wrap;
}
.follow-up-form >>> .el-form-item {
  width: 48%;
  flex-shrink: 0;
}
</style>
